<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--src 设置资源路径 -->
<!--相对路径：访问站内资源使用-->
<h1>资源和页面在同级目录： 直接写图片名</h1>
<!--alt：当图片不能正常显示的文本-->
<img src="../day02/t.jpg" alt="美女图片">

<h1>资源在页面的上级目录： ../图片名</h1>
<!--title：鼠标悬停时显示的文本-->
<img src="../t.jpg" title="美女图片">

<h1>资源在页面的下级目录： 文件夹名/图片名</h1>
<!--width/height：设置宽高 两种赋值：1.像素 2.百分比-->
<img src="t/t.jpg" width="50%" height="50%">

<h1>绝对路径：访问站外资源时使用 称为图片盗链 有找不到图片的风险</h1>
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>